//////登入注册页面
$(function () {
  $("#create").click(function () {
    // check_register();
    // console.log("1111");
    return false;
  });
  $("#login").click(function () {
    // check_login();
    // console.log("222");
    return false;
  });
  $(".message a").click(function () {
    $("form").animate(
      {
        height: "toggle",
        opacity: "toggle",
      },
      "slow"
    );
  });

  // 注册的接口调用
  $("#create").click(function () {
    $.ajax({
      url: "http://localhost:3000/api/reg",
      data: {
        type: "post",
        username: $("#r_user_name").val(),
        password: $("#r_password").val(),
        emial: $("#r_emial").val(),
      },
      success: (res) => {
        console.log(res);
        // res = JSON.parse(res);
        // res = res.data;
        // console.log(res);
        if (res.err === 0) {
          alert("🎇🎇🎇🎇恭喜您注册成功");
          // console.log($(".aa"));
          //登入成功自动切换登入
          $(".message").find("a").eq(0).trigger("click");
        } else {
          alert("注册失败，当前用户名已经存在");
          $("#r_user_name").val("");
          $("#r_password").val("");
          $("#r_emial").val("");
        }
      },
      type: "post",
    });
  });

  // 登录的接口调用
  $("#login").click(function () {
    $.ajax({
      url: "http://localhost:3000/api/login",
      data: {
        type: "post",
        username: $("#user_name").val(),
        password: $("#password").val(),
      },
      success: (res) => {
        // res = JSON.parse(res);
        // res = res.data;
        console.log(res);
        if (res.err === 0) {
          alert("登录成功 最近有什么py交易嘛！");
          loginSuccess(); ///登入成功保存当前的用户名
          location.href = "../index.html";
        } else if (res.err === 1) {
          alert("密码与注册密码不符合");
          $("#password").val("");
        }
      },
      type: "post",
    });
  });

  // 登入成功后渲染头部的用户名
  let userMsg = sessionStorage.getItem("userMsg")
    ? JSON.parse(sessionStorage.getItem("userMsg"))
    : {};
  if (userMsg.user && userMsg.pass) {
    $(".login")
      .children(".user")
      .html("欢迎你" + " " + userMsg.user + " " + "<a class='Logout'>注销</a>");
  }

  // 注销按钮
  $(".Logout").click(function () {
    userMsg.state = 0;
    sessionStorage.setItem("userMsg", JSON.stringify(userMsg));
    sessionStorage.removeItem("userMsg");
    location.reload();
  });

  // 登入成功保存用户名到本地存储
  function loginSuccess() {
    // 登录成功后要做的事情
    // console.log($("#user_name"));
    sessionStorage.setItem(
      "userMsg",
      JSON.stringify({
        user: $("#user_name").val(),
        pass: $("#password").val(),
      })
    );
    location.reload();
  }
});
